<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=2.0" />
<meta name="MobileOptimized" content="240" />
<link rel="stylesheet" type="text/css" href="/mobile/css/base.css"/>
<script type="text/javascript" src="/common/js/zepto.js"></script>
<script type="text/javascript" src="/app/scripts/common_lib.js"></script>
<title>品质从此无忧-麦丰网</title>
<style type="text/css">
body {
	margin: 0;
	background:#f1f1f1;
	font-family:Helvetica,STHeiti STXihei,Microsoft JhengHei,Microsoft YaHei,Tohoma,Arial;
	width:100%;
}
.div-header {
	width: 100%;
	height: 45px;
	color: #FFF;
	margin: 0 auto;
	line-height: 45px;
	text-align: left;
	background: url(/mobile/images/red_bg.jpg) repeat;
}

#name{ 
	font-size:18px; 
	line-height:45px; 
	padding-left:0px; 
	margin-left:0px;
	width:200px; 
	height:45px; 
	float:left;
	padding-left: 10px;
}

#home_page{
	background:url(/mobile/images/home_page.png) no-repeat center;
	width:32px; 
	height:45px; 
	float:right;
	
}

ul,li{list-style:none; padding: 0;margin: 0;}

.div-leader {
	width: 100%;
	max-width:320px;
	height: 25px;
	background-color: transparent;
	margin: 0 auto;
	/*
	left:50%;
	margin-left:-160px;
	position:fixed; 
	*/
}
.table-leader {
	width: 100%;
	text-align: center;
}

table td {
	text-align: center;
}

.menu1{color:#777;line-height:23px; width:12%;  padding:0px 2px; border-bottom:1px solid #CCC;  font-size:14px; }
.menu2{color:#ff3f40;line-height:23px;  width:12%; padding:0px 2px; border-bottom:1px solid #ff3f40; font-weight:bold; font-size:14px;}

.i_box a {
	padding: 2px 5px;
	background-color: #e9e9e9;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #585858;
	line-height: 20px;
}
.i_box * {
	vertical-align: middle;
}
.i_box input {
	width: 30px;
	height: 18px;
	margin: 0 8px;
	padding: 2px;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 16px;
}

.div-banner {
	width:320px;
	height: 195px;
	background-color: white;
	margin: 0 auto;
	margin-top: 5px;
	/*
	left:50%;
	margin-top: 30px;
	margin-left: -160px;
	position: fixed;
	*/
}

.div-content {
	width: 100%;
	max-width: 330px;
	margin: 0 auto;
	margin-top: 8px;
}

.div-section {
	background-color: #FFF;
	text-align: left;
	padding: 8px;
	margin-top: 8px;
	border: #dcdada solid 1px;background-color:#FFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}

.div-product {
	width: 100%;
	max-width: 330px;
	height: 150px;
	margin: 0 auto;
	margin-top: 8px;
}

.div-image {
	width: 60%;
	height: 100%;
	float: left;
}

.div-name {
	width: 40%;
	height: 40%;
	float: right;
}

.div-description {
	width: 40%;
	height: 60%;
	float: right;
}

.img-product {
	width: 100%;
	height: 100%;
}

.div-footer {
	width: 100%;
	max-width: 330px;
	height:100px;
	background-color: #CCC;
	top: 100%;
	margin: 0 auto;
	margin-top: 8px;
	margin-bottom: 50px;
}

.div-bottom {
	width: 100%;
	height: 50px;
	top: 100%;
	left:-50%;
	margin-left:50%;
	margin-top: -50px;
	position: fixed;
}

.div-loading {
	width:35px;
	height:35px;
	margin: 0 auto;
	margin-top: 5px;
	margin-bottom: 5px;
	display: none;
}

.img-loading {
	width: 100%;
	height: 100%;
}

#table-bottom { 
	width:100%; 
	height:35px;	
	line-height:35px; 
	background:#333;
	color: #CCC;
	bottom: 0px;
	position: fixed;
}

.td-product-name {
 	background:#b6a98f; 
 	color:#FFFFFF; 
 	font-weight:bold;
 	line-height:25px;
 	text-align: left;
 }
 
 .td-spec {
 	text-align: left;
 }

.menu-down{float:left; border:1px solid #ff3e3f; background:url(/mobile/images/select_icon.png) #FFF right bottom no-repeat; padding:0px 5px;height:22px; line-height:25px; color:#000000; font-size:14px; margin-right:5px; margin-bottom:5px; text-align:center;}
.menu-up{float:left;border:1px solid #CCCCCC; font-size:14px; padding:0px 5px;height:22px; color:#000000; line-height:25px; margin-right:5px;margin-bottom:5px; text-align:center; background:#FFFFFF}
.menu-note{float:left; border:1px solid #666666; background:url(/mobile/images/note_icon.png) #FFF right bottom no-repeat; padding:0px 5px;height:22px; line-height:25px; color:#666666; font-size:14px; margin-right:5px; margin-bottom:5px; text-align:center;}


.bitButton{ margin-top:10px;border:0;width:100%; height:40px; font-size:18px; font-weight:bold; background:url(/mobile/images/button_bg.jpg) repeat; color:#FFFFFF; line-height:28px; text-align:center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.bitButton1{ margin-top:10px;border:0;width:100%; height:40px; font-size:18px; font-weight:bold; background:url(/mobile/images/button_bg3.jpg) repeat; color:#FFFFFF; line-height:28px; text-align:center;}

.smallButton{ 
	border:0;
	background:url(/mobile/images/button_bg.jpg) repeat; 
	color:#FFFFFF; 
	line-height:28px; 
	text-align:center;
	height:30px; 
	margin-top:10px;	
}
.smallButton1{border:0;height:22px; background:url(/mobile/images/button_back.jpg) repeat; color:#FFFFFF; text-align:center;}

.table-receive {
	width: 100%;
}
.table-receive td{
	border-bottom:1px dotted #CCC;
	text-align: left;
	padding-top: 10px;
}
.orderTypeText{ 
	font-size:12px; 
	color:#999999;
}

.icon_disable {
	filter：gray; -moz-opacity:.1;opacity:0.1;
}

.td-order-stat1 {
	border-right:1px #CCCCCC dashed;
	line-height: 30px;
}

.td-order-stat2 {
	line-height: 30px;
}



</style>

</head>
<body>
	
	<div style="height:220px; background:url(/mobile/images/user_top_back.png) repeat-x;">
		<div style="height:40px;">  
			<ul>
				<li id="home_page" onclick="location.href='/'"></li>
			</ul>
		</div>
		<div style="width:60px; height:60px; background:url(/mobile/images/icon.png) no-repeat; float:left; opacity:0.6; margin-left:20px;"></div>
		<div style="float:left; margin-left:10px; margin-top:17px;">
			<ul>
		    	<li style="color:#FFFFFF; font-weight:bold; float:left; font-size:14px;">尊敬的会员，</li>
		    	<li style="color:#FFFFFF; font-weight:bold; float:left; font-size:14px;">您好！欢迎光临<span class="site_name"></span></li>
			</ul>
    	</div>
    	
    	<div style="background:#FFF; color:#999; height:60px; padding:10px; opacity:0.6; margin-top:100px;">
    		<table width="100%" border="0" cellspacing="0" cellpadding="5">
		      <tr>
		      	<!--  
		      	<td colspan="3" align="center" style=" border-bottom:1px #CCCCCC dashed"  onclick="javascript:;">我的账户</td>
		      	-->
		        <td align="center" style=" border-right:1px #CCCCCC dashed"  onclick="location.href='account.html'">余额</td>
		        <td align="center" style=" border-right:1px #CCCCCC dashed"  onclick="location.href='account.html'"><span class="gold_coin_name"></span></td>
		        <td align="center" style="" onclick="location.href='commons/404.html'">积分</td>
		      </tr>
		      <tr>
		        <td align="center" style="border-right:1px #CCCCCC dashed;width: 33%;">( <span id="cash"></span> )</td>
		         <td align="center" style="border-right:1px #CCCCCC dashed;">( <span id="gold-coin"></span> )</td>
		        <td align="center" style="width: 33%;">( <span id="points"></span> )</td>
		       </tr>
		    </table>
    	</div>
	</div>
	
	<div class="div-content">
		<div class="div-section">
			<table style="" width="100%" border="0" cellspacing="0" cellpadding="5">
				<tbody id="order_stat"></tbody>
			</table>
		</div>
		
		<div class="div-section">
			<table style="background:#FFFFFF; padding:10px 0px;" width="100%" border="0" cellspacing="5" cellpadding="0">
			  <tr>
			    <td align="center" valign="middle">
			    	<div onclick="location.href='/'" id="user_botton_back" ><img src="/mobile/images/u-home.png" alt="" width="32" height="32" style="margin-top:14px;" /></div>
			    </td>
			    <td align="center" valign="middle">
			    	<div onclick="location.href='cart.html'" id="user_botton_back"><img src="/mobile/images/u-car.png" alt="" width="32" height="32" style="margin-top:14px;" /></div>
			    </td>
			    <td height="60" align="center" valign="middle">
			    	<div id="user_botton_back"  class = "icon_disable" onclick="javascript:;" ><img src="/mobile/images/u-order.png" alt="" width="32" height="32" style="margin-top:14px;" /></div>
			    </td>
			    <td align="center" valign="middle">
				      <div class = "icon_disable" onclick="javascript:;" id="user_botton_back"><img src="/mobile/images/u-money.png" alt="" width="32" height="32" style="margin-top:14px;" /></div>
				</td>
			  </tr>
			  <tr class="orderTypeText">
			    <td width="25%" align="center" valign="middle">选购商品</td>
			    <td width="25%" align="center" valign="middle">我的购物车</td>
			    <td width="25%" align="center" valign="middle">全部订单</td>
			    <td width="25%" align="center" valign="middle">退款中</td>
			  </tr>
			  <tr>
			    <td align="center" valign="middle">
			    	<div id="user_botton_back" class = "icon_disable" onclick="javascript:;"><img src="/mobile/images/u-deposit.png" alt="" width="32" height="32" style="margin-top:14px;" /></div>
			    </td>
			    <td height="60" align="center" valign="middle">      
			    	<div id="user_botton_back" class = "icon_disable" onclick="javascript:;" ><img src="/mobile/images/u-need.png" alt="" width="32" height="32" style="margin-top:14px;" /></div>
			    </td>
			    <td align="center" valign="middle">
			    	<div class="icon_disable" id="user_botton_back" onclick="location.href='commons/404.html'"><img src="/mobile/images/u-add.png" alt="" width="32" height="32" style="margin-top:14px;" /></div>
			    </td>
			    <td align="center" valign="middle">
			    	<div  onclick="location.href='service/password.html'" id="user_botton_back" ><img src="/mobile/images/u-pass.png" alt="" width="32" height="32" style="margin-top:14px;" /></div>
			    </td>
			  </tr>
			  <tr class="orderTypeText">
			    <td align="center" valign="middle">帐户充值</td>
			    <td align="center" valign="middle">提需求</td>
			    <td align="center" valign="middle">地址管理</td>
			    <td align="center" valign="middle">修改密码</td>
			  </tr>
			  
			  <tr>
			    <td align="center" valign="middle">
			    	<div class = "icon_disable" onclick="javascript:;" id="user_botton_back"><img  src="/mobile/images/u-wuliu.png" alt="" width="32" height="32" style="margin-top:14px;" /></div>
			    </td>
			    <td align="center" valign="middle">&nbsp;</td>
			    <td width="25%" align="center" valign="middle">&nbsp;</td>
			    <td width="25%" align="center" valign="middle">&nbsp;</td>
			  </tr>
			  <tr class="orderTypeText">
			    <td width="25%" align="center" valign="middle">查物流</td>
			    <td width="25%" align="center" valign="middle">&nbsp;</td>
			    <td width="25%" align="center" valign="middle">&nbsp;</td>
			    <td width="25%" align="center" valign="middle">&nbsp;</td>
			  </tr>
				<tr class="orderTypeText">
				  	<td colspan="4" align="center" valign="middle">
				    	<input onclick="quit()" name="" type="button" value="安全退出" class="bitButton"/>
				    </td>
				</tr>
			  </table>
		</div>
	</div>
	
	
	<div class = "div-footer">
		<iframe class = "iframe-view" src="/mobile/footer.html" style="padding: 0;margin: 0;width: 100%;height: 100%;" width="100%" height="100%" scrolling="no" frameborder="0"></iframe>
	</div>
	<div class = "div-bottom" style="display: none">
		<iframe class = "iframe-view" src="/mobile/bottom.html" style="padding: 0;margin: 0;width: 100%;height: 100%;" width="100%" height="100%" scrolling="no" frameborder="0"></iframe>
	</div>
		
</body>
<script type="text/javascript">
	$(document).ready(function() {
		cjl.getTitle();
		getSiteInfo();
		getService();
	});
	
	function getService() {
		var url = "/service";
		cjl.get(url, {}, function(body) {
			var user = body.user;
			var commonbean_list = body.commonbean_list;
			var account = body.account;
			
			$("#cash").text((account.cash).toFixed(2));
			$("#gold-coin").text(account.gold_coin);
			$("#points").text(account.points);
			var html = '<tr>';
			for(var o in commonbean_list) {
				var commonBean = commonbean_list[o]
				if(o == (commonbean_list.length - 1)) {
					html += '<td class="td-order-stat2"';
				} else {
					html += '<td class="td-order-stat1"';
				}
				
				html += ' align="center" valign="middle" onclick = "listOrders(\''+commonBean.name+'\')">';
				html += commonBean.body+'<br />';
				html += '<span class="orderTypeText">'+commonBean.description+'</span>';
				html += '</td>';
			}
			html += '</tr>'
			$("#order_stat").append(html);
		});
	}
	
	function listOrders(order_status) {
		var url = "/order/list"
		cjl.post(url, {order_status:order_status}, function() {
			window.location="orderList.html";
		});
	}
	
	function quit() {
		var url = "/user/quit";
		cjl.post(url, {}, function(body) {
			alert("安全退出成功");
			window.location="/";
		});
	}
	
	function getSiteInfo() {
		var url = "/common/aboutus";
		cjl.get(url, {}, function(body){
			var aboutUs = body;
			$(".site_name").text(aboutUs.site_name);
			$(".gold_coin_name").text(aboutUs.gold_coin_name);
		});
	}
</script>
</html>